.container{max-width:1200px;}
/*网站公共样式*/
.info-content{line-height:2.5;padding-top: 30px;}
a{color:#333;text-decoration:none;}                                            
a.btn-more{transition:all 0.5s ease;-moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */}
a.btn-more:hover{border: 2px solid rgb(0, 131, 221);color: #fff;background-color: rgb(0, 131, 221);}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/
.text-overflow {
    display: block; /*内联对象需加*/
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis;
}

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}



/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{animation-name:navSlide;-webkit-animation-name:navSlide;}
@keyframes navSlide{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-trsansform:translateY(100%);-o-transform:translateY(100%);opacity:0;visibility:visible;}100%{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}}



















/*banner*/
.banners{position:relative;}
.top-lefts img{max-width:40px;}
.banner-header{position:absolute;top:0;left:0;width:100%;z-index:99999;}
.top-lefts{display:flex;flex-direction:row;align-items:center;margin-top:10px;}
.top-lefts-title{margin-left:10px;line-height:1.2;}
.top-lefts-title b{font-size:22px;}
.top-lefts-title span{font-size:12px;}
.banner-text{position:absolute;bottom:0;left:0;width:100%;height:100%;padding-top:109px;padding-left:15px;padding-right:15px;}
.banner-text .con{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;}
.con-title{font-size:1.4rem;letter-spacing:4px;color:white;}
.con-titles{margin-top:15px;font-size:.7rem;color:white;letter-spacing:2px;}
.con-content{color:white;max-width:580px;}
.con-button{width:160px;height:40px;line-height:40px;background:rgba(233,195,122,1);color:#5a5a5a;text-align:center;margin-top:25px;transition:all .5s;cursor:pointer;}
.con-button:hover{background:#fff;color:#e9c37a;}
.nav-toggle{position:absolute;top:14px;right:10px;}
.nav-toggle i{color:#fff;cursor:pointer;font-size:20px;}

/*首页*/
/*关于我们*/
.about-en{color:#E9C37A;text-transform:uppercase;}
.about-name{color:rgb(67, 67, 67);font-family: 微软雅黑;text-align: justify;letter-spacing: 6px;}
.about-left{}
.about-content{line-height:200%;text-align:justify;}
.about-solid{border-top:3px solid #e9c37a;width:75px;}
.about-text1{line-height:200%;text-align:justify;}
.about-text2{line-height:200%;text-align:justify;}
.about-img{padding:0 20px;}
.about-img-title{color:#5a5a5a;font-size:15px;text-align:center;}
.about-img-titleen{color:rgb(204, 204, 204);}
.about-img-solid{border-top:2px solid #e9c37a;width:10px;margin:0 auto;}
.about-img-rel{position:relative;overflow:hidden;}
.about-disk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    transition: all .5s;
   
}
    .about-disk .icon {
        display: block;
        width: 40px;
        height: 40px;
        background: url("../images/demo/rg6c.png") no-repeat center center;
    }
.about-img-rel:hover .about-disk{transform:scale(1.1)}


/*我们的统计数据*/
.count-img{display:flex;align-items:center;}
.count-title-en{color:rgb(233, 195, 122);font-weight:600;text-transform:uppercase;}
.count-title-cn{color:rgb(67, 67, 67);letter-spacing:6px;}
.count-solid{border-top:3px solid #e9c37a;width:70px;margin:0 auto;}
.count-padding-none{padding:0;height:100%;}
.count-flex{display:flex;flex-direction:column;align-items:center;height:100%;}
.count-number{line-height:120px;color:rgb(67, 67, 67);}
.count-number-solid{border-top:2px solid #e9c37a;width:55px;margin:0 auto;}
.count-content{font-size:13px;line-height: 140%;}
.count-bom-number{color:rgb(233, 195, 122)}
.count-bom-number-solid{border-color:rgb(67, 67, 67)}

/*我们的产品*/
.project-bg{background:url('../images/index/bg.jpg') no-repeat;}
.project-top{margin:0 auto;position:relative;max-width:520px;height:250px;}
.project-title-content{width:100%;height:150px;position:absolute;bottom:0;left:0;background:#fff;margin-top:100px;display:flex;align-items:center;flex-direction:column;}
.project-solid{border-left:2px solid #e9c37a;height:56px;margin:0 auto;position:relative;top:-28px;}
.project-title-en{color:rgb(233, 195, 122);font-weight:600;text-transform:uppercase;}
.project-title-cn{color:rgb(67, 67, 67);letter-spacing:6px;}
.project-img{position:relative;overflow:hidden;}
.project-disk{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;
            transform:scale(0);transition:all .5s;}
.project-img:hover .project-disk{transform:scale(1.2)}
.project-btn{width:160px;height:40px;line-height:40px;background:rgba(233,195,122,1);color:#5a5a5a;
             text-align:center;transition:all .5s;cursor:pointer;margin:0 auto;}
.project-btn:hover{background:#fff;color:#e9c37a;}

/*新闻动态*/
.new-left-title{font-size:17px;color:#434343;line-height:140%;cursor:pointer;}
.new-left-title:hover{color:#e9c37a;}
.new-left-date{color:#e9c37a;font-size:13px;text-decoration:none;}
.new-left-content{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;word-break: break-all;color:#999999;}
.project-right-menu{color:#e9c37a;font-size:14px;}
.project-right-title{color:#434343;font-size:17px;cursor:pointer;}
.new-right-content{text-overflow: -o-ellipsis-lastline;overflow: hidden;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;
                   line-clamp: 3; -webkit-box-orient: vertical;text-align:justify;color:#999999;
}
.project-right-title:hover{color:#e9c37a;}

/*底部*/
.footer-bg{background:rgb(28, 28, 28);}
.footer-menu{padding-bottom:20px;border-bottom:1px solid #313131;}
.footer-menu .bolds{color:#fff;}
.footer-menu .spans::after{height:3px;content:'|';padding:0 8px;}
.footer-menu .spans:last-child::after{content:'';}
.footer-menu .spans{color:#bbbbbb}
.footer-left-title{color:rgb(187, 187, 187);}
.footer-left-code{color:#5a5a5a;}
.footer-left-server{color:rgb(187, 187, 187);}
.footer-left-phone{color:rgb(233, 195, 122)}
.footer-middle-text{font-size:13px;color:rgb(187, 187, 187);line-height:2.5;}
.footer-right-border{border-right:1px solid #313131}
.footer-mid-bom span{background:#000;padding:1px 4px;border-radius:10px;color:#fff;}
.footer-code img{max-width:90px;border-radius:2px;}
.code-text{color:rgb(187, 187, 187);}

/*子banner*/
.subpagebanner{position:relative;}
.subpage-menu{position:absolute;bottom:0;left:0;width:100%;}
.subpage-title{color:#fff;font-size:1rem;}
.subpage-href a{color:#fff;cursor:pointer}
.subpage-href a:hover{text-decoration:underline;}
.subpage-href span{padding:0 8px;color:rgb(233, 195, 122);}


/*关于我们*/
.about-img{position:relative;}
.about-mid-img{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.about-img img{border-radius:5px;}
.about-title{color:rgb(67, 67, 67)}
.about-text{color:#5a5a5a;}
.about-content{line-height:2.2;color:#5a5a5a;}


/*产品中心*/
.serach-pa{padding:0;}
.project-serach{background:#f4f4f4;}
.serachs{font-size:14px;color:#666666;height:55px;line-height:55px;border:0;background:#f4f4f4;width:100%;}
.serach-img{margin-top:6px;cursor:pointer;}

/*右侧菜单*/
.sub-nav-solid{border-top:3px solid #e9c37a;width:50px;margin-left:15px;}
.hot-title{color:#000;padding-left:15px;line-height:70px;}
.hot-list-menu a{color:#e9c37a;cursor:pointer;}
.hot-list-menu a:hover{color:#e9c37a;}
.hot-list-title{text-overflow: -o-ellipsis-lastline;overflow: hidden;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.hot-list-title a{font-weight:bold;color:#000;text-align:justify;}
.hot-list-price span:first-child{color:#ACACAC}
.hot-list-price span:last-child{color:#FF3C00}
.hot-list{padding-bottom:16px;border-bottom:1px solid #eeeeee;margin-left:15px!important;cursor:pointer;}
.hot-list:last-child{border:0;}


 /*使图片在浏览器中居中显示(产品中心)*/
 .leftBox {position: relative;}
 .normalBox {overflow: hidden;position: relative;border: 1px solid #f2f2f2;}
 .normalBox img{display:none;}
.normalBox .w {display: none;}.botBox {width: 100%;height: 90px;background: white; overflow: hidden;}
.botBox ul li {float: left;width: 54px;height: 54px;border: 2px solid #fff;border-radius: 5px; margin-left: 26.5px; opacity: 0.5;}
.bord {border-color: #e4393c !important; opacity: 1 !important;}
.moveBox {width: 200px;height: 200px;background: #fff;opacity:.5; position: absolute;top: 0;left: 0; display: none;cursor: move;border: 1px solid #333;}
.magBox {width: 400px; height: 400px; border: 1px solid #f2f2f2;position: absolute; right:-170px; top:0; float: left;overflow: hidden; display: none; }
.magBox ul li {display: none; position: absolute; top: 0;left: 0;}
 #n, .m {display: block!important;}
 .bord{display:block!important;}
 .magBox-left{left:100%;z-index:999;}
.box {width: 110px; margin: auto;}
.imgbanner{margin:0 auto;margin-top:30px;}
.imgbanner .bottom-pixu{display:flex;justify-content:center;}
.imgbanner .images-box img{height:320px;}
.imgbanner .images-box a{width:500px;height:320px;}
.swiperimg{width:500px;height:320px;}
.bigimg{height:64px;padding:10px 0;width:64px!important;}
.swiper-slide-thumb-active{border: 2px solid #b90000;}
.middleimg{display:flex;justify-content:space-between;max-width:300px;}
.project-prevs,.project-nexts{min-width:25px;}
.project-detail-title{color:#434343;line-height:33px;margin-bottom:10px;border-bottom: 1px solid #e2e2e2;}
.project-detail-price{color:#898989;text-decoration:line-through;margin-bottom:10px;}
.project-detail-newprice{margin-bottom:10px;}
.project-detail-newprice span{color:#ff5022;font-weight:bold;}
.project-detail-brief{color:#868686;line-height:12px;background:#F5F5F5;border:1px solid #E5E5E5;padding:5px;border-radius:4px;text-align:justify;line-height:1.5;}
.project-content{padding:10px;}


/*工程案例详情*/
.engineering-detail-title{color:#434343;}
.engineering-detail-date{color:#e9c37a;min-height:23px;}
.project-menu-name{color:#e9c37a;}

/*新闻资讯*/
.new-first-title{color:#434343;cursor:pointer;}
.new-first-title:hover,.new-item-title a:hover{color:#e9c37a;}
.new-first-text{font-size:13px;color:#999999;}
.new-first-date,.new-detail-color,.new-next li{color:#e9c37a;}
.new-first{padding-bottom:30px;border-bottom:1px solid #eee;}
.new-item-title{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;word-break: break-all;cursor:pointer;}


/*人才招聘*/
.recruit-title{color:rgb(67, 67, 67);letter-spacing:2px;}
.recruit-text{color:#5a5a5a;line-height:2;}



/*在线留言*/
.message-text{max-width:722px;line-height:2;color:rgb(102, 102, 102);margin:0 auto;}
.message-form{max-width:914px;}
.message-form .margin-bottom-6 span{color:#5a5a5a;font-size:12px;}


/*联系我们*/
.contact-title{color:rgb(67, 67, 67);}
.contacta{box-sizing:border-box;border-right:1px solid #d9d9d9;padding:0 20px;}
.contact-pa{margin:20px 0;}
.contact-text{color:#5a5a5a;}
.contacta:last-child{border:0;}

#goTop {
    position: fixed;
    bottom: 100px;
    right: 100px;
    background: url("../images/costom_2.gif") no-repeat center center;
    width: 40px;
    height: 40px;
}
#goTop:hover{
    opacity:0.7;
}







@media (min-width:1250px) /*pc端*/ {
    /*banner*/
    .banners .html5zoo-arrow-left-0,.html5zoo-arrow-right-0,.html5zoo-bullet-wrapper-0 div{display:block!important;z-index:89999;}
    .banner-text{padding-top:80px!important;}



}
@media only screen and (max-width:1150px) /*pc端*/ {
    .subpage-title{text-align:center;}
    .nav ul li{padding:0 3px!important;}
}
@media (min-width:1000px) /*pc端*/
{
    /*.swiper-recruit-none{display:none;}*/
}
@media only screen and (max-width:1000px) /*手机端*/
{

    /* 公共 */
    .margin-top-100,.margin-top-80{margin-top:30px;}
    .index-about .padding-left-80 { padding-left: 15px;}
    /*首页*/
    .about-left-none{padding-left:15px;}
    .count-number{font-size:30px;line-height:70px;}
    .banner-text{padding-top:50px!important;}
    .top-row{margin-top:0;}
    .project-disk{display:none;}
    .new-paddings{margin:0 15px!important;margin-bottom:30px!important;}
    /*子页首页*/
    .subpage-href{margin-bottom:20px;}
    /*新闻*/
    .new-padding-none{padding-left:0;}
    .new-first-date{margin-top:5px;}
    /*轮播*/
    .banners,.subpagebanner {
        padding-top: 50px;
        background: #666;
    }
}
@media only screen and (max-width:768px) {
    /*首页*/
    .count-img{flex-direction:column;}
    .count-number{font-size:20px;line-height:40px;}
    .count-content{margin-bottom:20px;}
    .banner-text .con{justify-content:center;}
    .con-title{font-size:2rem;}
    .con-titles{font-size:1.2rem;}
    .con-titles,.con-title{text-align:center;}
    .con-button,.banners .html5zoo-nav-0,.con-content{display:none!important;}
    .top-lefts-title b{font-size:16px;}
    .count-borders{border-bottom:1px solid #ccc;}
    .project-title-content{height:auto;}
    .about-name{font-size:18px;}
    .subpage-title{margin-bottom:10px;font-size:1.5rem;}
    .subpage-href{margin-bottom:5px;}
    .top-lefts{margin-top:5px;}
    .top-lefts img{max-width:20px;}
    .top-lefts-title{font-size:12px;}
    /*关于我们*/
    .about-margin-none{margin-top:10px;}
    .hot-padding{padding-right:15px;}
    /*产品中心*/
    .banner-big-xs{display:flex!important;justify-content:center;}
    .gotoptop_icon {
        display: none;
    }
}
@media only screen and (max-width:400px) {
    
    /*footer*/
    .footer-menu{padding:0 15px;}
    .subpage-title{margin-bottom:0;}
    .subpage-href{font-size:12px;}
}




















/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
    .header{padding: 16px 0;}
    .nav{width: 100%;}
    .nav > ul > li{float: left; text-align: center; line-height: 50px; padding: 0 10px; margin: 0 10px;}
    .nav > ul > li > ul{position: absolute;}
    .nav > ul > li > a{font-size: 15px; display: block; width: 100%; color: #fff; font-weight: bold;}
    .nav > ul > li:hover, .nav > ul > li.active{border-bottom: 3px solid #e9c37a;}
    .nav > ul > li:hover a, .nav > ul > li.active a{color: #e9c37a;}
    .nav li:hover > ul{display: block;}
    .nav ul li ul li a{display: block; width: 100%; text-align: center; color: #fff; font-size: 15px; line-height: 50px}
    .nav ul li ul li a:hover{text-decoration: none; color: #e9c37a; background: #89584B;}
    .nav ul li ul li{display: none !important;}
    .nav ul li{position: relative;}
    .nav ul li .arrow{display: none}
    .nav ul li ul{background-color: #ad7669; display: none; position: absolute; left: -18%; z-index: 2; width: 150px} /*二级ul样式*/ 
    .nav ul li ul li ul{left: 100%; top: 0px; display: none;} /*三级以后ul样式*/ 
    .nav-toggle{display: none;}
    .html5zoo-arrow-left-0{background: url(../images/left.png) no-repeat scroll left top !important; margin-left: 10px;}
    .html5zoo-arrow-right-0{background: url(../images/left2.png) no-repeat scroll left top !important; margin-right: 10px;} 
    .same-padding{padding-top: 50px;} /*bootom*/ 
    .black-bg{padding: 50px 0 70px;}
    .root-left{padding-left: 0;}
    .root-left img{max-height: 75px;}
    .root-center li{padding-bottom: 22px;} 
    .root-center li .fa{font-size: 20px; padding-right: 20px; width: 40px;} /*子栏目样式*/
    .sub-fixed-bg{background-color: #fff; position: sticky; top: 0; z-index: 2;}
    .sub-fixed li:hover{background-color: #003ad5;} 
    .sub-fixed li:hover a{color: #fff;} /*内页*/
    .years-box li ul li:first-child{font-size: 60px;} 
    .years-box li ul li:nth-child(2){position: absolute; left: 50%; top: 0;} 
    .forus li:last-child{padding-top: 200px;}
    .news-list li .date{background: #d2eaff;}
    .news-recruit .item{padding: 0 120px 0 20px; font-size: 16px;}
    .fax{padding-left: 0;}
    .fax-top{padding-right: 0;}
    .fax ul{padding: 48px 20px 48px 80px;}
    .fax ul li{padding: 20px 0;} 
    .fax ul li .fa{margin-right: 30px;} 
    .online-booking{padding: 60px 0;}
}
@media (max-width:1000px) /*手机端*/
{
.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:rgba(168, 169, 176, 0.13)}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#444;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}

.same-padding{padding-top: 20px;}




/*子栏目样式*/
.sub-fixed li a{font-size:13px;}
.sub-fixed li:hover a{color:#033d86;text-decoration:underline;}


/*内页*/
.years-box li ul li:first-child{font-size: 50px;}
.years-box li ul li:nth-child(2){position: absolute;right: 50%;top: 0;}
.light-display li:last-child{padding-top:20px;}
.news-recruit .item{padding: 0 100px 0 10px;}

.fax ul {padding: 10px}
.fax ul li{padding:10px 0;}
.fax ul li .fa {margin-right: 4px;}
.online-booking{padding: 40px 0;}
.liuyan-bg{margin-top: 30px;}

}





/*bootom*/
.copyright{text-align: center;padding: 14px 0;}
.copyright a{color: rgb(136, 136, 137);}
.black-bg{background-color: #000;}

.root-left ul{padding-top: 20px;}
.root-left li{display:inline-block; padding-right: 20px;}
.root-left li a{color: #999999;font-size:13px;}
.root-left li a:hover{color:#fff;}

.root-center li{color:#fff;}
.root-center li .fa{text-align: center;}

.root-right{text-align:center;color:#fff;}
.root-right span{display:block;padding-top: 10px;}



/*子栏目样式*/
.sub-fixed-bg{box-shadow: 0px 1px 10px #cccfd4;margin-bottom: 10px;}
.sub-fixed ul{width:100%;text-align:center;}
.sub-fixed li{display:inline-block;width:18%;line-height: 62px;}
.sub-fixed li a{width: 100%;display: block;}

.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{line-height: 50px;font-size: 18px;padding-left:15px;color: #000;font-family: "Microsoft YaHei",Tahoma,Verdana,"Simsun";font-weight: bold;margin-bottom: 6px;}
.sub-nav-box .sub-nav-title span{font-size: 12px;padding-left: 10px;}

.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;position:relative;display:block;margin: 3px 0;border-bottom:1px solid #eee;padding-left:15px;}
.sub-nav-box .sub-nav li a{display:block;line-height:40px;font-size:14px;color:#666;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px}
.sub-nav-box .sub-nav li:hover{}
.sub-nav-box .sub-nav li:last-child{border:0;}
.sub-nav-box .sub-nav li:hover a{color:#e9c37a;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.active{}
.sub-nav-box .sub-nav li.current > a{color:#e9c37a;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}




/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img{transform:scale(1.2,1.2);}






/*移动端固定栏目按钮*/
.float-nav-toggle{display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 18px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}



/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color: #fff;box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:20px;}
@media(max-width:1000px){footer{margin-bottom:20px;}}
@media (min-width:1000px){.footer-fixed{display:none!important;}}





/*内页-关于我们*/
.about-bg{background:url(../images/abbg_01.png) no-repeat center;padding-bottom:60px;}
.forus li:last-child{text-align:center;}
.years-bg{background:url(../images/years-bg.jpg) no-repeat center;background-size:cover;padding: 150px 0;}
.years-box ul{text-align:left;color:#fff;position: relative;}
.years-box li ul li:nth-child(2){font-size: 18px;}
.years-box li ul li:last-child{padding-top: 20px;}



/*内页-企业文化*/
.light-blue-bg{background-color: rgb(247, 249, 251);margin-bottom:70px;}
.light-blue-bg li.light-blue span{background-color: rgb(3, 61, 134);color: #fff;padding: 0 6px;display: block;width: 28px;margin: 20px}
.light-blue-bg li.light-blue h4{margin-left: 20px;}
.light-blue-bg li.light-blue i{border-top: 2px solid #033d86;display: block;width: 50px;margin: 20px 0;}
.light-blue-bg li.light-blue p{color: rgb(102, 102, 102);}
.light-none{background:none;}



/*内页-新闻资讯*/
.news-list li{overflow: hidden;padding: 20px 0;margin-bottom: 20px}
.news-list li:nth-child(odd){background-color: #f2f9ff;}
.news-list li a{font-size: 17px;font-weight: bold;}
.news-list li p{padding-top: 16px;color: #7e7e7e;}
.news-list li .date{width: 70px;height: 65px;color: #033d86;text-align: center;}
.news-list li .date .date-top{font-size: 24px;}
.news-list li .date .date-bottom{font-size: 13px;display: block;}



/*内页-产品展示 工程业绩*/
.div-imgs{ position:relative;}/*遮罩*/
.div-imgs img{display:block;width:100%;}
.div-imgs .mask{width:100%;height:100%;background:rgba(17, 17, 17, 0.39);position:absolute;top:0;
    left:0;transition:0.3s linear;overflow:hidden;display:flex;justify-content:center;align-items:center; opacity:0;}
.div-imgs:hover .mask{opacity:1;}
.div-imgs .mask .fa{color:#fff;font-size:36px;}

.images-list li{text-align:center;margin-bottom:20px;}
.images-list li .title{font-weight: bold;padding-top:14px;}
.imgae-border{}
.title-top{text-align: left;border-bottom: 1px solid #e2e2e2;padding-bottom: 15px;}
.info-content .thumbnail{text-align:center;padding:20px 0;}



/*内页-人才招聘*/
.news-recruit .item{position: relative;line-height: 4;border-bottom: 1px solid #dfe0e6;background-color: #f7f7f7;}
.news-recruit .item .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-recruit .item .title a{color: #717171;}
.news-recruit .item .title a .fa{margin-right: 20px;color: #2280bb;}
.news-recruit .item .date{position: absolute;right: 10px;color: #999;top: 0px;}



/*内页-荣誉资质*/
.credentials{text-align:center;margin:30px 0;}
.credentials li{margin:20px 0;}



/*内页-联系我们*/
.fax ul{background-color: #f2f9ff;color: rgb(3, 61, 134);}
.fax ul li .fa{width: 22px;text-align: center;font-size: 19px;}
.fax ul li:nth-child(3) .fa{font-size: 26px;}
.fax ul li:nth-child(4) .fa,.fax ul li:last-child .fa{font-size: 17px;}
.liuyan-bg{background:url(../images/liuyan-bg.jpg) no-repeat center;background-size:cover;}
.online-booking{font-size: 26px;color: rgb(255, 255, 255);text-align: center;font-weight: bold;}


/*首页-搜索*/
.search-bg{background: url(../images/search-bg.jpg) no-repeat center;background-size: cover;color: #FFF;position: relative;top: -20px;}
.search-left{padding: 20px 40px 20px 0;text-align: center;}
.search-left span{font-size: 20px;letter-spacing: 2px;}
.search-center{padding: 20px 0 20px 40px;line-height: 1.7;}
.search-email{padding: 32px 0 20px 60px;}
.search-right{padding-left: 160px;}
/*搜索*/
.ss-box{position:relative;border-radius:10px;border:1px solid #cfcfcf; background:#fff;width:100%;height:42px;margin-top: 24px;margin-right: 0;}
.ss-box .s-input{width:100%;outline:none;border:none;line-height:28px;height: 42px;padding-left:32px;background-color:transparent;color: #000;}
 .ss-box .s-btn{position: absolute;right: 0;top: 0;width: 100px;height: 41px;color: #fff;cursor: pointer;line-height: 32px;outline: none;border: none;
                border-radius: 10px;background: #ffbb10;border-top-left-radius: initial;border-bottom-left-radius: initial;}
.search{border-bottom:1px solid #ddd;}
.search .ss-box{margin:0px auto;}
.box-block{margin-right: 80px;}
@media(min-width:1000px){.ss-box{display:none;}.box-block{display:block;width: 400px;}.ss-box .s-input{width: 350px;}}
@media(max-width:1000px){.ss-box{position:relative; margin:20px auto;}.box-block{display:none;}}



/*首页-关于我们*/
section{padding-bottom:40px;}
.we-service{text-align: center;padding-top: 10px;}
.we-service strong{color: rgb(243, 243, 243);text-transform:uppercase;}
/*.we-service .upward{background-color: #fff;}*/
.we-opacity .upward{background-color:rgba(0,0,0,0);}
.we-show .upward{background-color:rgba(0,0,0,0);}
.we-show strong{color: #d8edff;}

.we-service .upward span{letter-spacing: 2px;color: rgb(10, 39, 44);}
.we-service .upward p{color: rgb(217, 217, 217);white-space: pre-wrap;font-size: 13px;text-transform:uppercase}

.suggest-box{border-bottom: 4px solid #f2f9ff;}
.suggest-box .suggest span{font-size:16px;font-weight:bold;}
.suggest-box .suggest p{line-height: 2;padding: 10px 0 40px;}
.suggest-box .suggest li:first-child {font-size: 32px;}
.suggest-box .suggest li:last-child{color: rgb(153, 153, 153);font-size: 13px;padding-top: 24px;}
.suggest-box .suggest-img img{max-height:294px;width: 100%;}

.spin{text-align: center;padding: 50px 0 30px;}
.spin li .about{padding: 20px 0;}
.spin li .about span{display: block;font-size: 17px;color: rgb(112, 112, 112);}
.spin li p{color: rgb(178, 178, 178);font-size:13px;}
.spin li a img{-webkit-background-size: 220px 220px;-moz-background-size: 220px 220px;background-size: 220px 220px;-webkit-border-radius: 110px;
               border-radius: 110px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.spin li a:hover img{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);
                     transform: rotateY(180deg);}




/*首页-客户案例*/ 
.case-bg{background:url(../images/case-bg.jpg) no-repeat center;background-size:cover;}
.case-bg .case-left li img,.case-bg .case-center li img,.case-bg .case-right li img{width:100%!important;}


.div-img{position: relative;}/*向上下移动*/
.div-img img{transition: .2s linear;width: 100%;height: 94%;}
.div-img .mask{width: 100%;height: 100%;background: rgba(17, 17, 17, 0.6);position: absolute;top: 0;left: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;transition: .2s linear;}
.div-img .font{color: #fff;font-size: 16px;}
.div-img .font p{padding-top: 10px;font-size: 14px;}
.div-img:hover img{transform: translateY(-5%);}
.div-img:hover .mask{opacity: 1;transform: translateY(-5%);}
.div-img-bottom:hover img{transform: translateY(5%);}
.div-img-bottom:hover .mask{transform: translateY(5%);}
@media (min-width:1000px){.div-img .mask{opacity:0;}}
@media (max-width:1000px){.div-img .mask{opacity:1;}}





@media(min-width:1000px) {
    .we-service{margin-bottom: -20px;}
    .we-service strong{font-size: 96px;}
    .we-service .upward span{font-size: 30px;}
    .we-service .upward{position: relative;top: -70px;}
    .suggest-box .suggest-img{padding-left: 0;}

    .case-bg .case-left,.case-bg .case-center,.case-bg .case-right,.case-bg .case-left li,.case-bg .case-center li,.case-bg .case-right li{padding-left: 0;padding-right: 0;}
    .case-bg .case-left li:first-child,.case-bg .case-center li:last-child,.case-bg .case-right li:first-child{height:395px;}
    .case-bg .case-left li:nth-child(2),.case-bg .case-left li:last-child,.case-bg .case-center li:first-child,.case-bg .case-right li:last-child{height:228px;}
    .case-bg .case-left li,.case-bg .case-center li,.case-bg .case-right li{padding:5px;}
    .case-bg .case-left li img,.case-bg .case-center li img,.case-bg .case-right li img{height:100%!important;}

    .product-box .product-top{position: relative;z-index: 1;}
    .phone-title{display:none;}
    .product-box li a img{height:258px!important;}
    .product-box li a img, .product-box li img{width:100%!important;}

    .product-box .padding-left{padding-left: 0;padding-right: 0;}
     .padding-left > li:nth-child(2n) > ul{position:relative;overflow:hidden;}

    .padding-left > li:nth-child(2n) .picbox1{margin-left:50%!important;}
    .padding-left > li:nth-child(2n) .picbox2{position:absolute!important;top:0;left:0;}
    .product-bg{padding-bottom: 110px;}
    .more-case{margin: 60px 0 80px;}

}

@media (max-width:1000px) {
    .we-service{margin-bottom: -30px;}
    .we-service strong{font-size: 80px;}
    .we-service .upward span{font-size: 28px;}
    .we-service .upward{position: relative;top: -60px;}
    .suggest span{padding-top:20px;display: block;}
    .suggest-box .suggest li:last-child{padding-bottom: 20px;}

    .case-bg .case-left li, .case-bg .case-center li, .case-bg .case-right li{padding-bottom:20px;}

    .phone-title{padding:20px;text-align:center;}
    .product-bg{padding-bottom: 30px;}
    .more-case{margin: 40px 0;}

}
/* projectcase */
.flash {
    overflow: hidden;
}
    .flash .con {
        width: 900px;
    }
        .flash .con ul li {
            width: 50px;
            height: 360px;
            position: relative;
            overflow: hidden;
            float: left;
            cursor: pointer;
        }
            .flash .con ul li.current {
                width: 500px;
            }

.show {
    position: absolute;
    left: 0px;
    top: 0;
    width: 500px;
    height: auto;
}

    .show img {
        width: 500px;
        height: 360px;
        box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    }

.flash .msgbox {
    position: absolute;
    color: #fff;
    bottom:0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.2);
    text-align: center;
    line-height: 1.6;
    padding: 6px 8px;
    //transition:all 0.4s ease;
}

.flash .show:hover .msgbox {
    bottom: 0;
}
.projectcase{
    margin-top:2.2rem;
    margin-bottom:2.2rem;
    overflow:hidden;
}
.projectcase .leftbox {
    background: url("../images/1-1_3y76_01.jpg") no-repeat left center;
    width: 45%;
    height: 600px;
    float: left;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 120px;
    
}
    .projectcase .leftbox .content{
        width:360px;
        text-align:left;
        

    }
    .projectcase .rightbox {
        background: url("../images/1-1_3y76_02.jpg") no-repeat left center;
        width: 55%;
        height: 600px;
        float: left;
        float: left;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .projectcase .project {
        font-size: 16px;
    }

    .projectcase .projectmsg {
        letter-spacing: 8px;
        font-size:28px;
    }
@media(max-width:1200px) {
    .projectcase .leftbox, .projectcase .rightbox {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .projectcase .leftbox {
        height: 320px;
    }
    .projectcase .leftbox .content {
        width: 100%;
        text-align: left;
    }

    .projectcase .rightbox {
        align-items: center;
        height: 480px;
    }
        .projectcase .rightbox {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }
        .projectcase .projectmsg {
            letter-spacing: 2px;
            font-size: 20px;
        }
    }
@media(max-width:768px) {
    .projectcase .rightbox {
        display:none;
    }
}